<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/reply.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelguide.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelspot.css" rel="stylesheet" type="text/css">
    <link href="/styles/select.css" rel="stylesheet" type="text/css">


    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/system/travelguide.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/guide.js"></script>

   <#-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>-->

    <script type="text/javascript" src="/js/system/travelfilter.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script>
        $(function () {



                $("#searchForm").ajaxForm(function (data) {
                    $("#scenic").html(data);
                });
                $("#searchForm").submit();



           /* // 点击时触发
            $('.ul-dropdown-bar > li').on('click',function () {
                $(this).addClass('on').siblings().removeClass('on');
            });*/

            // $("#all").click(function () {
            //     tagId = $("#on").data("tagid");
            //     destId = $("#on").data("destid");
            //     console.log(tagId);
            //     $.post("/scenic/getall",{tagId:tagId , destId:destId},function (data) {
            //         $("#scenic").html(data);
            //     });
            //
            // });


            $(".select").click(function ()
            {
                tagId = $(this).data("tagid");

                $(this).addClass("on");
                $(this).siblings().removeClass("on")
                destId = $("#on").data("destid");
                $.post("/scenic/getall",{tagId:tagId , destId:destId},function (data) {
                    $("#scenic").html(data);
                })
            })
        })
    </script>

</head>

<body>

    <#assign currentNav="destination">
    <#include "../common/navbar.ftl">

<div id="container">
    <div class="row row-placeTop">
        <div class="wrapper">
            <div class="crumb">
                <div class="item"><a href="/destination">目的地</a><em>&gt;</em>
                </div>
                            <#list toasts as t>
                                <div class="item">
                                    <div class="drop">
                                        <span class="hd"><a href="javascript:;" target="_blank">${(t.name)!}<i></i></a></span>
                                        <div class="bd">
                                            <i class="arrow"><b></b></i>
                                            <div class="col">
                                                <h3>热门地区</h3>
                                                <ul class="clearfix">
                                                    <#list t.children as tc>
                                                        <#if tc_index lt 5 >
                                                            <li><a href="javascript:;" target="_blank">${tc.name}</a></li>
                                                        </#if>
                                                    </#list>

                                                </ul>
                                            </div>
                                            <div class="more"><a href="/destination/guide?id=${t.id}" target="_blank">&gt;&gt;更多地区</a>
                                            </div>
                                        </div>
                                    </div>
                                    <em>&gt;</em>
                                </div>
                            </#list>
                <div class="item">
                    <div class="drop">
                        <span class="hd"><a href="javascript:;">${dest.name}<i></i></a></span>
                        <div class="bd">
                            <i class="arrow"><b></b></i>
                            <div class="col">
                                <!--h3>热门国家</h3-->
                                <ul class="clearfix">
                                    <li><a href="/destination/surveyPage?destId=${dest.id}" target="_blank">${dest.name}
                                        概括</a></li>
                                    <li><a href="/travel?destId=${dest.id!}" target="_blank">${dest.name}游记</a></li>
                                    <li><a href="/strategy/list?destId=${dest.id!}" target="_blank">${dest.name}攻略</a>
                                    </li>
                                    <li><a href="javascript:;" target="_blank">${dest.name}跟团游</a></li>
                                    <li><a href="#" target="_blank">${dest.name}景点</a></li>
                                </ul>
                            </div>
                            <!--div class="more"><a href="#">&gt;&gt;更多国家</a></div-->
                        </div>
                    </div>
                    <em>&gt;</em>
                </div>
                <div class="item cur"><strong>${dest.name}景点</strong></div>
            </div>
            <div id="catalogContent"></div>
        </div>
        <div class="wrapper">
            <div class="title" style="position: relative;">
                <h1>${dest.name}</h1>
                <a class="num-photo" href="javascript:;" target="_blank"></a>
                <br>
                <span class="en">${dest.pinyin!dest.english}</span>
                <div style="position: absolute;top: 3px;right: 220px;"><img
                        src="https://b3-q.mafengwo.net/s12/M00/84/BF/wKgED1v-df2Ab5KFAAFioLPYatQ535.png"
                        style="width: 390px;">
                </div>
            </div>
        </div>
        <div class="place-navbar" id="_j_mdd_place_nav_bar_warper" style="border-top: 0;" data-cs-t="目的地导航">
            <div class="navbar-con">
                <ul class="navbar clearfix navbar-first-level-warper">
                    <li class="navbar-overview">
                        <a class="navbar-btn" href="/travel-scenic-spot/mafengwo/10088.html" data-cs-p="首页">
                            <i class="navbar-icon"></i><span>首页</span>

                        </a>
                    </li>
                    <li class="navbar-line">
                        <a class="navbar-btn" href="/mdd/route/10088.html" data-cs-p="行程线路">
                            <i class="navbar-icon"></i><span>行程线路</span>

                        </a>
                    </li>
                    <li class="navbar-scenic">
                        <a class="navbar-btn" href="/jd/10088/gonglve.html" data-cs-p="景点">
                            <i class="navbar-icon"></i><span>景点</span>

                        </a>
                    </li>
                    <li class="navbar-hotels">
                        <a class="navbar-btn" href="/hotel/10088/?sFrom=mdd" data-cs-p="酒店">
                            <i class="navbar-icon"></i><span>酒店</span>

                        </a>
                    </li>
                    <li class="navbar-flight">
                        <a class="navbar-btn" href="/flight/" target="_blank" data-cs-p="机票">
                            <i class="navbar-icon"></i><span>机票</span>

                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <div id="fill_area" style="height: 75px; display: none;"></div>
    </div>


    <div class="row row-summary row-bg">
        <div class="wrapper">
            <h2 class="title">景点概况</h2>
            <br>
            <br>
            <div>
                <p style="display: none;">
                ${scenic.summary}
                </p>
                    <span id="mdd_poi_desc" style="display: inline;">
                    ${scenic.summary}
                    </span>
            </div>
        </div>
    </div>
    <br>
    <br>

    <div class="row row-top5" data-cs-p="必游景点">
        <div class="wrapper">
            <h2 class="title">必游景点TOP5</h2>
        <#list top5 as one>
            <div class="item clearfix">
                <div class="info">
                    <div class="middle">
                        <h3>
                            <span class="num">${(one_index+1)!}</span>
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(one.id)!}" target="_blank"
                               title="${(one.title)!}">${(one.title)!}
                            </a><a href="/scenic/detail?destId=${qo.destId}&id=${(one.id)!}" target="_blank" title="${(one.title)!}">
                            <span class="rev-total"><em>${(one.commendNum)!}</em> 条点评</span>
                        </a>
                        </h3>
                        <p>${(one.subTtile)!}</p>
                        <div class="links">这里还包含景点：
                        <#list one.parent as p>
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(p.id)!}" target="_blank">${(p.title)!}</a>
                        </#list>
                        </div>
                    </div>
                </div>
                <div class="pic">
                    <a href="/scenic/detail?destId=${qo.destId}&id=${(one.id)!}" target="_blank" title="${(one.title)!}">
                    <#list one.pic as p >
                        <div class="large">
                            <img src="${(p.url)!}"
                                 width="380" height="270">
                        </div>
                    </#list>
                    </a>
                </div>
            </div>
        </#list>
        </div>
    </div>


    <div class="row row-hotScenic row-bg" data-cs-p="热门景点">
        <div class="wrapper">
            <h2 class="title">热门景点</h2>
        <#--<#list hotscenics as hs>
            <div class="bd">
                <div class="grid grid-two">
                    <div class="figure">
                        <a href="/scenic/detail?id=${(hs.id)!}" target="_blank" title="${(hs.title)}">
                            <img src="${(hs.pic[0].url)!}"
                                 width="485" height="320">
                            <h3 class="title">${(hs.title)}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(hs.title)!}</h3>
                                        <p>${(hs.subTtile)!}</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </#list>-->
            <div class="bd">
                <div class="grid grid-two">
                    <div class="figure">
                        <a href="/scenic/detail?destId=${qo.destId}&id=${(hot1.id)!}" target="_blank" title="${(hot1.title)}">
                            <img src="${(hot1.pic[0].url)!}"
                                 width="485" height="320">
                            <h3 class="title">${(hot1.title)}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(hot1.title)!}</h3>
                                        <p>${(hot1.subTtile)!}</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="grid">
                    <#list hot23 as hot23>
                        <div class="figure">
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(hot23.id)!}" target="_blank" title="${(hot23.title)}">
                                <img src="${(hot23.pic[0].url)!}"
                                     width="485" height="320">
                                <h3 class="title">${(hot23.title)}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${(hot23.title)!}</h3>
                                            <p>${(hot23.subTtile)!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </#list>
                </div>
                <div class="grid">
                    <#list hot45 as hot45>
                        <div class="figure">
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(hot45.id)!}" target="_blank" title="${(hot45.title)}">
                                <img src="${(hot45.pic[0].url)!}"
                                     width="485" height="320">
                                <h3 class="title">${(hot45.title)}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${(hot45.title)!}</h3>
                                            <p>${(hot45.subTtile)!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </#list>
                </div>
                <#--下半部分-->
                <div class="grid">
                    <#list hot67 as hot67>
                        <div class="figure">
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(hot67.id)!}" target="_blank" title="${(hot67.title)}">
                                <img src="${(hot67.pic[0].url)!}"
                                     width="485" height="320">
                                <h3 class="title">${(hot67.title)}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${(hot67.title)!}</h3>
                                            <p>${(hot67.subTtile)!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </#list>
                </div>
                <div class="grid grid-two">
                    <div class="figure">
                        <a href="/scenic/detail?destId=${qo.destId}&id=${(hot8.id)!}" target="_blank" title="${(hot8.title)}">
                            <img src="${(hot8.pic[0].url)!}"
                                 width="485" height="320">
                            <h3 class="title">${(hot8.title)}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(hot8.title)!}</h3>
                                        <p>${(hot8.subTtile)!}</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <#list hot0 as hot0>
                        <div class="figure">
                            <a href="/scenic/detail?destId=${qo.destId}&id=${(hot0.id)!}" target="_blank" title="${(hot0.title)}">
                                <img src="${(hot0.pic[0].url)!}"
                                     width="485" height="320">
                                <h3 class="title">${(hot0.title)}</h3>
                                <div class="mask-container">
                                    <div class="mask">
                                        <div class="middle">
                                            <h3>${(hot0.title)!}</h3>
                                            <p>${(hot0.subTtile)!}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                </#list>
            </div>
        </div>
    </div>


    <div class="row row-allScenic" data-cs-p="全部景点">
        <div class="wrapper">
            <h2 class="title">
                广州全部景点
                <a class="btn-add" href="/scenic/detail?id=add" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>
            </h2>
           <#-- <div class="main clearfix">
                <div class="filter">
                    <div class="filter-wrapper clearfix">
                        <ul class="filter-tag">
                            <li class="on _j_tag" data-id="-1"><a role="button" href="javascript:" id="all">全部</a></li>
                            &lt;#&ndash;<li class="on _j_tag" data-id="-1"><a  href="/scenic/list?destId=${dest.id!}">全部</a></li>&ndash;&gt;
                            <#list tags as t>
                                <li class="_j_tag" data-id="${t.id}"><a
                                        href="/scenic/list?tagId=${t.id}&destId=${dest.id!}">${t.name}</a></li>
                            </#list>
                        </ul>
                        <a class="trigger _j_trigger_btn" href="javascript:void(0);">更多</a>
                    </div>

                    <script>
                        $("._j_tag").removeClass("on")
                        $("._j_tag[data-id=${qo.tagId!}]").addClass("on")
                    </script>

                </div>
            </div>-->

        <#-- <#list dest.tags as dt >
             <li data-tagid="${(dt.id)!}"><a title="${(dt.title)!}">${(dt.title)!}</a></li>
         </#list>-->

            <form action="/scenic/getall" method="post" id="searchForm">
                <input type="hidden" name="currentPage"  id="currentPage" value="1">
                <input type="hidden" name="destId"  id="destId" value="${dest.id!}">



                <ul class="nav clearfix">
                    <li class="on _j_tag select" id="on" data-tagid="-1"><a   role="button" href="javascript:" title="全部景点">全部景点</a></li>
                <#list tags as t>
                    <li class="_j_tag select" id="one" data-tagid="${t.id}" ><a data-tagid="${t.id}" data-destid="${qo.destId}" role="button" href="javascript:" title="${t.name}">${t.name}</a></li>
                </#list>
                   <#-- <script>
                        $("._j_tag").removeClass("on")
                        $("._j_tag[data-tagid=${qo.tagId!}]").addClass("on")
                    </script>-->

                </ul>


                <div class="bd">
                    <ul class="scenic-list clearfix" id="scenic">
                    </ul>
                </div>


            </form>

                <#--<#list allscenic as sc>
                    <li>
                        <a href="${(sc.id)!}" target="_blank" title="${(sc.title)!}">
                            <div class="img"><img
                                    src="${(sc.pic[0].url)!}"
                                    width="192" height="130">
                            </div>
                            <h3>${(sc.subtitle)}</h3>
                        </a>
                    </li>
                </#list>-->


        </div>
    </div>


</div>
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"
                          style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank"
                                                                            href="http://www.onlylady.com/">Onlylady女人志</a><a
                target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a
                target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank"
                                                                                    href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a
                target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank"
                                                                       href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a
                target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank"
                                                                     href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank"
                                                                          href="http://www.uc.cn/">手机浏览器</a><a
                target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a
                target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank"
                                                                                   href="http://www.tianxun.com/">天巡网</a><a
                target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank"
                                                                      href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a
                target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank"
                                                                               href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a
                target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
</body>

</html>